﻿<!--声明model接收值的数据类型-->
@model List<Student1>
<html>
    <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
    </script>
    </head>
    <body>
    <h1>这里的学生数据是从Controller中，通过ViewModel方式传过来的</h1>
    <hr />
    <form method="get" id="form1">
        姓名： <input name="studentName" id="studentName" />
        <input type="submit" value="提交" />
    </form>
    <table>
        <thead>
            <tr>
                <th>ID</th>
                <th>姓名</th>
                <th>年龄</th>
            </tr>
        </thead>
        <tbody>
            <!--在上面声明接收类型的时候要小写model，此处使用接收的数据时要大写Model-->
            @foreach (var item in Model)
            {
                <tr>
                    <td>@item.Name</td>
                    <td>@item.Id</td>
                    <td>@item.Age</td>
                </tr>
            }
        </tbody>
    </table>
    @section Scripts
    {
        <script>
            $('#form1').submit(function() {
                //Ajax返回的一定要是Json
                $.ajax({
                    type: 'get',
                    url: '/RequestTest/getAjax',
                    data: {//data是请求体
                        "studentName": $('#studentName').val()
                    },//以上为请求行部分
                    headers: {//设置请求头
                        "mytoken": encodeURIComponent('任我行')//如果内容类型为中文字符串，一定要进行编码
                    },
                    success: function (data) { 
                         
                    }
                })
                //禁用表单提交
                return false;
            })
        </script>
    }
</body>
</html>
